<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>溧阳地域分区</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
    <script src="../../js/statistics.js"></script>
    <style>
        .header{
            background: #2a2c33;
        }
        .header h1{
            color:#fff;
            font-size:18px;
        }
        .header a{
            color:#fff;
        }
        .mui-content>.mui-table-view:first-child{
            margin-top:0;
        }
        ul li{
            font-size:14px;
            width:100%;
        }
        .mui-table-view-cell{
        	padding:0px;
        }
        .mui-table-view-cell:after{
        /*height:0px;*/
        }
        .mui-content>ul>li>p{
            display: inline-block;
            color:#333;
            width:88%;
            padding-left: 15px;
            height:40px;
            line-height:40px;
        }
        .mui-content>ul>li>span{
            display: inline-block;
            width:10%;
            text-align:center;
            height:18px;
			border-left: 1px solid #ddd;
            background-size:16px;
            padding-right:15px;
        }
        .bottom{
        	background:url("../../images/icon/executive_housekeeper/bottom.png") no-repeat 52% 7px;
        }
        .top{
        	background:url("../../images/icon/executive_housekeeper/top.png") no-repeat 52% 7px;
        }
        .mui-content>ul>li>div{
        	width:100%;
        	background:#f4f4f4;
        	padding:0  0 0 15px;
        }
         .mui-content>ul>li>div p{
        	padding-left:15px;
        	line-height:35px;
        	height:35px;
        	border-bottom: 1px solid #ddd;
        }
        .mui-content>ul>li>div p:last-child{
        	border:none;
        }
        .no_active{
        	display: none;
        }
        .active{
        	display:block;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav header">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title" id='title'>溧阳地域分区</h1>
</header>
<div class="mui-content">
    <ul class='mui-table-view box'>
        <li class='mui-table-view-cell mui-collapse'>
        	<p class='p_zone' value="0">溧城镇</p>
            <span class='bottom'></span>
            <div class='no_active'>
            	<p>后街新村</p>
            	<p>平陵新村</p>
            	<p>燕山新村</p>
            	<p>燕山南村</p>
            	<p>文化新村</p>
            	<p>码头街社区</p>
            	<p>唐家村</p>
            	<p>钱家村</p>
            	<p>先进村</p>
            	<p>清溪路社区</p>
            	<p>砻坊场社区</p>
            	<p>县前街社区</p>
            	<p>南门街社区</p>
            	<p>甘露寺社区</p>
            	<p>大营巷社区</p>
            	<p>东升新村</p>
            	<p>东门街社区</p>
            	<p>北门社区</p>
            	<p>北郊社区</p>           	
            	<p>昆仑花园社区</p>
            	<p>昆仑东苑社区</p>
            	<p>共联社区</p>
            	<p>图塘社区</p>
            	<p>清安集镇社区</p>           	
            	<p>台港新村</p>
            	<p>燕山南苑社区</p>
            	<p>景鸿社区</p>
            	<p>嘉丰社区</p>
            	<p>锦汇社区</p>            	
            	<p>新昌社区</p>
            	<p>庄家社区</p>
            	<p>三和社区</p>            	
            	<p>福阳社区</p>
            	<p>东华园社区</p>
            	<p>清安村</p>
            	<p>南村</p>
              	<p>北水西村</p>
            	<p>上阁楼村</p>
            	<p>马垫村</p>           	
            	<p>歌歧村</p>            	
            	<p>八字桥村</p>            	
            	<p>倪庄村</p>
            	<p>湾里村</p>            	
            	<p>黄墟村</p>
            	<p>罗庄村</p>
            	<p>新联村</p>            	
            	<p>大林村</p>
            	<p>长阳村</p>
            	
            </div>
        </li>
        <li class='mui-table-view-cell'>
            <p class='p_zone' value="1">天目湖镇</p>
            <span class='bottom'></span>
            <div class='no_active'>
            	<p>东陵社区</p>
            	<p>茶亭社区</p>
              	<p>平桥社区</p>
            	<p>天目湖村</p>
            	<p>田家山村</p>           	
            	<p>茶亭村</p>            	
            	<p>古县村</p>            	
            	<p>桂林村</p>
            	<p>南钱村</p>            	
            	<p>三胜村</p>
            	<p>杨村</p>
            	<p>平桥村</p>            	
            	<p>梅岭村</p>
            	<p>吴村</p>
            	<p>毛尖村</p>
            	<p>洙漕村</p>
              	<p>观山村</p>
            	
            </div>
        </li>
        <li class='mui-table-view-cell'>
            <p class='p_zone' value="2">埭头镇</p>
            <span class='bottom'></span>
            <div class='no_active'>
            	<p>埭头社区</p>
            	<p>埭西村</p>           	
            	<p>埭头村</p>            	
            	<p>余家坝村</p>            	
            	<p>后六村</p>
            	<p>前六村</p>
            	<p>邹家村</p>
              	<p>南埝村</p>
            	
            </div>
        </li>
        <li class='mui-table-view-cell'>
            <p class='p_zone' value="3">上黄镇</p>
            <span class='bottom'></span>
            <div class='no_active'>
            	<p>上黄社区</p>
            	<p>坡圩村</p>           	
            	<p>浒西村</p>            	
            	<p>山下村</p>            	
            	<p>西埝村</p>
            	<p>上黄村</p>            	
            	<p>桥西村</p>
            	<p>周山村</p>
            	
            </div>
        </li>
        <li class='mui-table-view-cell box'>
            <p class='p_zone' value="4">戴埠镇</p>
            <span class='bottom'></span>
            <div class='no_active'>
            	<p>东街社区</p>            	
            	<p>西街社区</p>
            	<p>河西社区</p>
            	<p>横涧镇社区</p>
            	<p>戴南村</p>
              	<p>牛场村</p>
            	<p>河西村</p>
            	<p>高桥村</p>           	
            	<p>山口村</p>            	
            	<p>红武村</p>            	
            	<p>戴北村</p>
            	<p>新桥村</p>
            	<p>百家塘村</p>
              	<p>赵家桥村</p>
            	<p>郑墅村</p>
            	<p>松岭村</p>           	
            	<p>南渚村</p>            	
            	<p>横涧村</p>            	
            	<p>皇岗岭村</p>
            	<p>同官村</p>            	
            	<p>李家园村</p>
            	
            </div>
        </li>
        <li class='mui-table-view-cell box'>
            <p class='p_zone' value="5">别桥镇</p>
            <span class='bottom'></span>
            <div class='no_active'>
            	<p>别桥社区</p>
            	<p>绸缪镇社区</p>            	
            	<p>后周社区</p>
            	<p>镇东村</p>
            	<p>马家村</p>
            	<p>别桥村</p>
              	<p>前程村</p>
            	<p>合星村</p>
            	<p>湖边村</p>           	
            	<p>古渎村</p>            	
            	<p>道成村</p>            	
            	<p>两湾村</p>
            	<p>绸缪村</p>
            	<p>北山村</p>            	
            	<p>黄金山村</p>
            	<p>玉华山村</p>
            	<p>小石桥村</p>
            	<p>塘马村</p>
              	<p>后周村</p>
            	<p>西庄村</p>
            	<p>西马村</p>           	
            	
            </div>
        </li>
        <li class='mui-table-view-cell box'>
            <p class='p_zone' value="6">竹箦镇</p>
            <span class='bottom'></span>
            <div class='no_active'>
            	<p>竹箦社区</p>            	
            	<p>前马镇社区</p>            	
            	<p>竹箦村</p>
            	<p>中梅村</p>
            	<p>北村村</p>            	
            	<p>南旺村</p>
            	<p>长岗村</p>
            	<p>前村村</p>
            	<p>王渚村</p>
              	<p>姜下店村</p>
            	<p>陆笪村</p>
            	<p>下宅村</p>           	
            	<p>陶庄村</p>            	
            	<p>前马村</p>            	
            	<p>洙汤村</p>
            	<p>西芮村</p>            	
            	<p>水西村</p>
            	<p>余桥村</p>
            	<p>濑阳村</p>
            	<p>道人渡村</p>
              	
            </div>
        </li>
        <li class='mui-table-view-cell box'>
            <p class='p_zone' value="7">上兴镇</p>
            <span class='bottom'></span>
            <div class='no_active'>
            	<p>上兴社区</p>
            	<p>上沛集镇社区</p>
            	<p>汤桥社区</p>           	
            	<p>分界村</p>            	
            	<p>陶村</p>            	
            	<p>老河村</p>
            	<p>上城村</p>            	
            	<p>上兴村</p>
            	<p>练庄村</p>
            	<p>赵沛村</p>
            	<p>余巷村</p>
              	<p>永和村</p>
            	<p>步村</p>
            	<p>涧东村</p>           	
            	<p>万家边村</p>            	
            	<p>沛民村</p>            	
            	<p>龙峰村</p>
            	<p>东塘村</p>
            	<p>桥东干村</p>
            	<p>毛家村</p>           	
            	<p>缪巷村</p>            	
            	<p>祠堂村</p>            	
            	<p>蒲村</p>
            	<p>吐祥村</p>            	
            	<p>圩庄村</p>
            	<p>汤桥村</p>
            </div>
        </li>
        <li class='mui-table-view-cell box'>
            <p class='p_zone' value="8">南渡镇</p>
            <span class='bottom'></span>
            <div class='no_active'>
            	<p>联盟社区</p>
            	<p>强埠社区</p>
            	<p>平城村</p>           	
            	<p>新河村</p>            	
            	<p>大圩村</p>            	
            	<p>西圩村</p>
            	<p>庆丰村</p>            	
            	<p>永丰村</p>
            	<p>堑口村</p>
            	<p>强埠村</p>
            	<p>梅庄村</p>
              	<p>福新村</p>
            	<p>旧县村</p>
            	<p>东湖村</p>           	
            	<p>黄山村</p>            	
            	<p>胜笪村</p>            	
            	<p>藤村</p>
            	<p>淦西村</p>
            	<p>石街村</p>
            	<p>钱家圩村</p>           	
            </div>
        </li>
        <li class='mui-table-view-cell box'>
            <p class='p_zone' value="9">社渚镇</p>
            <span  class='bottom'></span>
            <div class='no_active'>
            	<p>社渚社区</p>
            	<p>河口社区</p>
            	<p>周城镇社区</p>           	
            	<p>社渚村</p>            	
            	<p>下西村</p>            	
            	<p>王家村</p>
            	<p>新塘村</p>            	
            	<p>新山村</p>
            	<p>宋村</p>
            	<p>宜巷村</p>
            	<p>姚巷村</p>
              	<p>殷桥村</p>
            	<p>上蒋村</p>
            	<p>孔村</p>           	
            	<p>湖西村</p>            	
            	<p>大田村</p>            	
            	<p>东升村</p>
            	<p>河口村</p>
            	<p>乘马圩村</p>
            	<p>梅山村</p>           	
            	<p>金山村</p>            	
            	<p>周城村</p>            	
            	<p>金峰村</p>
            	<p>金山村</p>            	
            	<p>丁山村</p>
            </div>
        </li>
        <li class='mui-table-view-cell box'>
            <p class='p_zone' value="10">昆仑街道</p>
            <span class='bottom'></span>
            <div class='no_active'>
            	<p>濑江新村</p>
            	<p>凤凰社区</p>
            	<p>新庄社区</p>           	
            	<p>棠下社区</p>            	
            	<p>胥渚社区</p>            	
            	<p>宋庄社区</p>
            	<p>前棠社区</p>            	
            	<p>徐格笪村</p>
            	<p>吴潭社区</p>
            	<p>昆仑村</p>
            	<p>夏庄村</p>
              	<p>杨庄村</p>
            	<p>毛场村</p>
            	<p>新昌村</p>           	
            	<p>胡桥村</p>            	
            	<p>陶家村</p>            	
            	<p>合心村</p>
            	<p>马塘村</p>
            	<p>蒋店村</p>
            	<p>泓口村</p>           	
            	<p>方里村</p>            	
            	<p>班竹村</p>            	
            </div>
        </li>
    </ul>
</div>
<script src="../../plugins/jquery/jquery-3.1.0.min.js"></script>
<script src="../../plugins/mui/mui.min.js"></script>
<script>
    mui.init();
    mui.plusReady(function(){
    	//=>街道详情
        $('.mui-content').on('tap','.p_zone',function(){
            var value=$(this).attr('value');
            mui.openWindow({
                url:'zone_detail.html',
                id:'zone_detail.html',
                extras:{
                    value:value,
                },
                waiting:{
                    autoShow:true,//自动显示等待框，默认为true
                    title:'正在加载...',//等待对话框上显示的提示内容
                },
                show:{
                    autoShow:true,
                    aniShow:'fade-in'
                }
            })
        });
        //=>村庄信息
        $('.mui-content').on('tap','span',function(){
        	var doing=$(this).next().attr('class');
        	console.log(doing);
        	if(doing=='active'){
        		$(this).next().removeClass('active').addClass('no_active');
        		$(this).removeClass('top').addClass('bottom');
        	}else{
        		$(this).next().removeClass('no_active').addClass('active');
        		$(this).parent().siblings().find(".box").removeClass('active').addClass('no_active');
        		$(this).removeClass('bottom').addClass('top');
        	}
        });
    })
</script>
</body>
</html>